

#globalnav,

#gn-segmentbar {

    font-weight: normal;

    text-align: left;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    text-size-adjust: 100%

}



#globalnav,

#globalnav:before,

#globalnav:after,

#globalnav *,

#globalnav *:before,

#globalnav *:after,

#gn-segmentbar,

#gn-segmentbar:before,

#gn-segmentbar:after,

#gn-segmentbar *,

#gn-segmentbar *:before,

#gn-segmentbar *:after {

    box-sizing: content-box;

    pointer-events: auto;

    letter-spacing: normal

}



#globalnav input,

#globalnav textarea,

#gn-segmentbar input,

#gn-segmentbar textarea {

    font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

    font-synthesis: none;

    text-rendering: optimizeLegibility;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -moz-font-feature-settings: 'liga', 'kern'

}



#globalnav {

    position: fixed;

    right: 0;

    left: 0; top:0px; height:100px; 

    z-index: 999;

    display: block;

    margin: 0;

    width: 100%;

    max-height: 100px;

    font-size: 18px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}



#globalnav.mini_top {height:100px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}



#globalnav.gnbMenu_over{background:#fff;}



.theme-dark #globalnav {

    background: #2a2a2a;

    background: rgba(85, 85, 85, 0.5)

}



#globalnav.blocktransitions,

#globalnav.blocktransitions:before,

#globalnav.blocktransitions:after,

#globalnav.blocktransitions *,

#globalnav.blocktransitions *:before,

#globalnav.blocktransitions *:after {

    -webkit-animation: none !important;

    animation: none !important;

    -webkit-transition: none !important;

    transition: none !important

}







#gn-menustate {

    display: none

}



#gn-placeholder {

 

}






.nav-overlap #gn-placeholder {

    display: none

}



@-webkit-keyframes gn-curtain-show {

    0% {

        opacity: 0;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 1

    }

}



@keyframes gn-curtain-show {

    0% {

        opacity: 0;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 1

    }

}



#gn-curtain {

    background: rgba(0, 0, 0, 0.2);

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9998

}





#globalnav.searchshow ~ #gn-curtain,

#globalnav.searchopen ~ #gn-curtain,

#globalnav.searchhide ~ #gn-curtain {

    display: block

}




#globalnav.searchshow ~ #gn-curtain {

    -webkit-animation: gn-curtain-show 200ms both;

    animation: gn-curtain-show 200ms both

}



#globalnav.searchhide ~ #gn-curtain {

    -webkit-animation: gn-curtain-show 200ms reverse both;

    animation: gn-curtain-show 200ms reverse both

}



#globalnav .gn-content {

    max-width: 1600px;margin:0 auto;

    position: relative; height:100px;

    z-index: 2;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#globalnav.mini_top .gn-content {

    height: 70px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}




@-webkit-keyframes gn-apple-searchhide {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



@keyframes gn-apple-searchhide {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



#globalnav .gn-header {

    display: none;

    position: absolute;

    z-index: 3;

    top:0;

    left: 0;

    width: 100%;

    height: 48px;

    overflow: hidden

}



#globalnav .gn-header .gn-apple {

    position: absolute;

    width: 150px;

    top: 0;

    left: 50%;

    margin-left: -75px;

    text-align: center;

    z-index: 1

}




@-webkit-keyframes gn-list-searchshow {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: translateY(-100%) translateY(106px);

        transform: translateY(-100%) translateY(106px)

    }

}



@keyframes gn-list-searchshow {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: translateY(-100%) translateY(106px);

        transform: translateY(-100%) translateY(106px)

    }

}



#globalnav .gn-list {

    cursor: default;

    width:50%; float: right;

    height:56px;margin-right: 200px;margin-top:25px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    text-align: justify;

    -ms-text-justify: distribute-all-lines;

    text-justify: distribute-all-lines;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#globalnav.mini_top .gn-list{

   height:68px; 

   -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}





#globalnav .gn-list:after {

    content: '';

    width: 100%;

    display: inline-block;

    font-size: 0;

    line-height: 0

}




@-webkit-keyframes gn-item-searchshow {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);

        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

}



@keyframes gn-item-searchshow {

    0% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);

        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)

    }

    40% {

        opacity: 1

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

}



@-webkit-keyframes gn-item-searchhide {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

    60% {

        opacity: 1

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);

        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)

    }

}



@keyframes gn-item-searchhide {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.7);

        transform: scale(0.7)

    }

    60% {

        opacity: 1

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1);

        -webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);

        animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)

    }

}



@-webkit-keyframes gn-item-searchshow-small {

    0% {

        -webkit-transform: none;

        transform: none;

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px)

    }

}



@keyframes gn-item-searchshow-small {

    0% {

        -webkit-transform: none;

        transform: none;

        -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);

        animation-timing-function: cubic-bezier(1, 0, 0, 1)

    }

    100% {

        -webkit-transform: translateY(-50px);

        transform: translateY(-50px)

    }

}



@-webkit-keyframes gn-search-placeholder-searchshow {

    0% {

        opacity: 1;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 0.4

    }

}



@keyframes gn-search-placeholder-searchshow {

    0% {

        opacity: 1;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 0.4

    }

}



@-webkit-keyframes gn-bag-searchshow {

    0% {

        opacity: 1;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 0

    }

}



@keyframes gn-bag-searchshow {

    0% {

        opacity: 1;

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

    100% {

        opacity: 0

    }

}



#globalnav .gn-item {

    display: inline-block;

    position: relative;

    height:56px;

    z-index: 1;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}



#globalnav.ie7 .gn-item {

    display: inline;

    zoom: 1

}



#globalnav.mini_top .gn-item{height:68px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}





#globalnav #gn_07{display: none;}





#globalnav.searchshow .gn-bag {

    -webkit-animation: gn-bag-searchshow 300ms both;

    animation: gn-bag-searchshow 300ms both;

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



#globalnav.searchopen .gn-bag {

    visibility: hidden

}



#globalnav.searchhide .gn-bag {

    -webkit-animation: gn-bag-searchshow 300ms reverse both;

    animation: gn-bag-searchshow 300ms reverse both;

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}





#globalnav.searchshow .gn-item-menu,

#globalnav.searchopen .gn-item-menu,

#globalnav.searchhide .gn-item-menu {

    pointer-events: none

}



#globalnav.searchshow .gn-item-menu {

    -webkit-animation: gn-item-searchshow 400ms both;

    animation: gn-item-searchshow 400ms both;

    pointer-events: none

}



#globalnav.searchshow .gn-item-menu:nth-child(2) {

    -webkit-animation-delay: 280ms;

    animation-delay: 280ms

}



#globalnav.searchshow .gn-item-menu:nth-child(3) {

    -webkit-animation-delay: 245ms;

    animation-delay: 245ms

}



#globalnav.searchshow .gn-item-menu:nth-child(4) {

    -webkit-animation-delay: 210ms;

    animation-delay: 210ms

}



#globalnav.searchshow .gn-item-menu:nth-child(5) {

    -webkit-animation-delay: 175ms;

    animation-delay: 175ms

}



#globalnav.searchshow .gn-item-menu:nth-child(6) {

    -webkit-animation-delay: 140ms;

    animation-delay: 140ms

}



#globalnav.searchshow .gn-item-menu:nth-child(7) {

    -webkit-animation-delay: 105ms;

    animation-delay: 105ms

}



#globalnav.searchshow .gn-item-menu:nth-child(8) {

    -webkit-animation-delay: 70ms;

    animation-delay: 70ms

}



#globalnav.searchshow .gn-item-menu:nth-child(9) {

    -webkit-animation-delay: 35ms;

    animation-delay: 35ms

}




#globalnav.searchopen .gn-item-menu {

    visibility: hidden

}



#globalnav.searchhide .gn-item-menu {

    -webkit-animation: gn-item-searchhide 400ms both;

    animation: gn-item-searchhide 400ms both

}



#globalnav.searchhide .gn-item-menu:nth-child(2) {

    -webkit-animation-delay: 0ms;

    animation-delay: 0ms

}



#globalnav.searchhide .gn-item-menu:nth-child(3) {

    -webkit-animation-delay: 35ms;

    animation-delay: 35ms

}



#globalnav.searchhide .gn-item-menu:nth-child(4) {

    -webkit-animation-delay: 70ms;

    animation-delay: 70ms

}



#globalnav.searchhide .gn-item-menu:nth-child(5) {

    -webkit-animation-delay: 105ms;

    animation-delay: 105ms

}



#globalnav.searchhide .gn-item-menu:nth-child(6) {

    -webkit-animation-delay: 140ms;

    animation-delay: 140ms

}



#globalnav.searchhide .gn-item-menu:nth-child(7) {

    -webkit-animation-delay: 175ms;

    animation-delay: 175ms

}



#globalnav.searchhide .gn-item-menu:nth-child(8) {

    -webkit-animation-delay: 210ms;

    animation-delay: 210ms

}



#globalnav.searchhide .gn-item-menu:nth-child(9) {

    -webkit-animation-delay: 245ms;

    animation-delay: 245ms

}





#globalnav .gn-search-placeholder {

    display: none

}




#globalnav .gn-link {

    font-size: 16px;

    line-height:56px;

    font-weight: 700;

    letter-spacing: normal;

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';

    filter: alpha(opacity=100);

    color: #fff;

    position: relative;

    z-index: 1;

    display: inline-block;

    padding: 0;

    height:56px;

    background: no-repeat;

    text-decoration: none;

    white-space: nowrap;

    -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);

    -webkit-tap-highlight-color: transparent;

    outline-offset: -7px

    border-bottom: 1px solid #333333;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}



#globalnav.mini_top .gn-link{height:68px;line-height:68px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}



#globalnav.gnbMenu_over .gn-link{color: #020202;}





#globalnav .active1{



	font-weight: bold;

	color: #0160bd;

}





#globalnav.no-js .gn-link:hover {

   

    color:#da0000;

}



#globalnav.no-touch .gn-link:hover {

  

}







#globalnav .gn-link-text {

    position: absolute;

    top: 0;

    left: 0;

    clip: rect(1px 1px 1px 1px);

    clip: rect(1px, 1px, 1px, 1px);

    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);

    clip-path: inset(0px 0px 99.9% 99.9%);

    overflow: hidden;

    height: 1px;

    width: 1px;

    padding: 0;

    border: 0

}





#globalnav .gn-link-bag:focus:active {

    outline: none

}




#globalnav .gn-link-apple {

    background-repeat: no-repeat;

    background-size: 385px 56px;

    background-image: url(../images/logo.png);

    background-position: left center;

    width: 385px;

}


    @keyframes loader {

        from {

            -webkit-transform: rotate(0deg) translateZ(0);

            transform: rotate(0deg) translateZ(0)

        }

        to {

            -webkit-transform: rotate(360deg) translateZ(0);

            transform: rotate(360deg) translateZ(0)

        }

    }

    #globalnav .gn-bagview-loader {

        background: no-repeat center/40px url("../assets/store/spinner.svg");

        margin-top: -20px;

        margin-left: -20px;

        width: 40px;

        height: 40px;

        background: url("http://images.apple.com/ac/globalnav/2.0/en_US/assets/store/spinner.gif") no-repeat\0;

        position: absolute;

        top: 50%;

        left: 50%;

        z-index: 1;

        -webkit-animation: loader 1s linear infinite;

        animation: loader 1s linear infinite

    }

    #globalnav .gn-bagview _:-ms-input-placeholder,

    :root #globalnav .gn-bagview-loader {

        background: none, no-repeat center/40px url("../assets/store/spinner.svg")

    }

    #globalnav .gn-bagview-bag {

        list-style: none

    }

    #globalnav .gn-bagview-bagitem {

        border-bottom: 1px solid #e3e3e3

    }

    #globalnav .gn-bagview-bagitem-first {

        padding-top: 8px

    }

    #globalnav .gn-bagview-bagitem-last {

        border-bottom-style: none

    }

    #globalnav .gn-bagview-bagitem-link {

        margin: 0;

        padding: 0;

        display: table;

        width: 100%;

        color: #333;

        text-decoration: none

    }

    #globalnav .gn-bagview-bagitem-column1,

    #globalnav .gn-bagview-bagitem-column2 {

        display: table-cell;

        vertical-align: middle;

        min-height:56px

    }

    #globalnav .gn-bagview-bagitem-column1 {

        padding: 15px 14px 15px 4px;

        width: 25%

    }

    #globalnav .gn-bagview-bagitem-column2 {

        padding: 15px 0;

        width: 75%

    }

    #globalnav .gn-bagview-bagitem-picture {

        max-width: 56px;

        height: auto

    }

    #globalnav .gn-bagview-bagitem-qty {

        font-size: 12px;

        line-height: 1.33333;

        font-weight: 400;

        letter-spacing: normal;

        color: #999

    }


    #globalnav .gn-bagview-bagitem-qty:before {

        content: "\2715";

        font-size: 0.75em

    }

    #globalnav .gn-bagview-nav {

        margin-bottom: 7px

    }

  